<template>
	<view>
		<uni-easyinput :inputBorder="false" class="w-form-input" @blur="format" v-model="_value" v-if="!readonly"
			:placeholder="formProps.placeholder ? $t(formProps.placeholder) : $t('webAuto.enterAmount')"/>
		<view class="w-form-input-rv flexs" v-else>
			<view style="line-height:70rpx;">{{ _value }}</view>
			<view v-if="formProps.showChinese" style="line-height:30rpx;font-size: 24rpx; margin-left: 0rpx;color: #a2a2a2;">
				{{ moneyValue !== '' ? `${$t('module.character')} ${moneyValue}` : '' }}
			</view>
		</view>
	</view>

</template>

<script setup>
import { computed } from 'vue'
import { parseNumber } from '@/utils/tool.js'

	const props = defineProps({
		formProps: {
			type: Object,
			default: () => {
				return {}
			}
		},
		modelValue: Number | String,
		readonly: Boolean
	})

	function format(){
		emits('update:modelValue', parseNumber(props.modelValue, props.formProps.precision))
	}

	const _value = computed({
		get() {
			return props.modelValue
		},
		set(val) {
			emits('update:modelValue', val)
		}
	})

const emits = defineEmits(['update:modelValue'])

const moneyValue = computed(() => convertCurrency(props.modelValue))

function convertCurrency(money) {
	//汉字的数字
	const cnNums = ['零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖'];
	//基本单位
	const cnIntRadice = ['', '拾', '佰', '仟'];
	//对应整数部分扩展单位
	const cnIntUnits = ['', '万', '亿', '兆'];
	//对应小数部分单位
	const cnDecUnits = ['角', '分', '毫', '厘'];
	//整数金额时后面跟的字符
	const cnInteger = '整';
	//整型完以后的单位
	const cnIntLast = '元';
	//最大处理的数字
	let maxNum = 999999999999999.9999;
	//金额整数部分
	let integerNum;
	//金额小数部分
	let decimalNum;
	//输出的中文金额字符串
	let chineseStr = '';
	//分离金额后用的数组，预定义
	let parts;
	if (money === '') {
		return '';
	}
	money = parseFloat(money);
	if (money >= maxNum) {
		//超出最大处理数字
		return '';
	}
	if (money === 0) {
		chineseStr = cnNums[0] + cnIntLast + cnInteger;
		return chineseStr;
	}
	//转换为字符串
	money = money.toString();
	if (money.indexOf('.') === -1) {
		integerNum = money;
		decimalNum = '';
	} else {
		parts = money.split('.');
		integerNum = parts[0];
		decimalNum = parts[1].substr(0, 4);
	}
	//获取整型部分转换
	if (parseInt(integerNum, 10) > 0) {
		var zeroCount = 0;
		var IntLen = integerNum.length;
		for (let i = 0; i < IntLen; i++) {
			let n = integerNum.substr(i, 1);
			let p = IntLen - i - 1;
			let q = p / 4;
			let m = p % 4;
			if (n == '0') {
				zeroCount++;
			} else {
				if (zeroCount > 0) {
					chineseStr += cnNums[0];
				}
				//归零
				zeroCount = 0;
				chineseStr += cnNums[parseInt(n)] + cnIntRadice[m];
			}
			if (m == 0 && zeroCount < 4) {
				chineseStr += cnIntUnits[q];
			}
		}
		chineseStr += cnIntLast;
	}
	//小数部分
	if (decimalNum !== '') {
		let decLen = decimalNum.length;
		for (let i = 0; i < decLen; i++) {
			let n = decimalNum.substr(i, 1);
			if (n !== '0') {
				chineseStr += cnNums[Number(n)] + cnDecUnits[i];
			}
		}
	}
	if (chineseStr === '') {
		chineseStr += cnNums[0] + cnIntLast + cnInteger;
	} else if (decimalNum === '') {
		chineseStr += cnInteger;
	}
	return chineseStr;
}
</script>

<style lang="less" scoped>
.flexs {
	display: flex;
	// flex-direction: row;
	flex-direction: column;
}
</style>